/**
 * Created by Administrator on 2017/5/26 0026.
 */


$(function(){
    $(window).scrollTop(0);//页面刷新，回到顶部

    //页面加载，banner滑出，页面滚动，图片滑出
    $(".br-center .lunbotu").animate({left:0},1000);
    //滚动高度变化，图片出现
    $(document).scroll(function(){
        if($("body").scrollTop()>800){
            $(".hua1").animate({right:0},500,function(){
                if($("body").scrollTop()>800*2){
                    $(".hua2").animate({right:0},500,function(){
                        if($("body").scrollTop()>800*3){
                            $(".hua3").animate({right:0},500,function(){
                                if($("body").scrollTop()>800*4){
                                    $(".hua4").animate({right:0},500)
                                }
                            })
                        }
                    })
                }

            })
        }
    })


})




//banner
$(function(){
    var timer=null;
    //轮播图(自动轮播)
    var iNow=0; //图片的张数
    var dian=0;//小点的个数
    // 复制第一张图片到最后
    var oli=$(".lunbotu li").eq(0).clone();
    //将第一张图片放到最后一张图片后，设置ul的宽度为图片张数*图片宽度
    $(".lunbotu").append(oli);

    // var ooli=$(".br-center ol li").eq(1).clone();
    // $(".br-center ol").append(ooli)


    $(".br-center>ol>li").on("click",function(){
        // clearInterval(timer);

        var tindex=$(this).index();
        $(this).addClass("active").siblings("li").removeClass("active");
        $(".br-center>.lunbotu").animate({left:-($(".br-center").find("ul li")
            .eq(0).width()+30)*tindex},500)

    })

    timer=setInterval(function(){
        iNow++;
        dian++;
        if(iNow==3){
            iNow=1;
            $(".br-center>.lunbotu").css("left",0)
            // $(".br-center>ol>li").addClass("active").siblings("li").removeClass("active");
        }
        $(".br-center>.lunbotu").animate({left:-($(".br-center").find("ul li")
            .eq(0).width()+30)*iNow},1000);

        if(dian==2){
            dian=0;
        }
        $(".br-center>ol>li").eq(dian).addClass("active").siblings("li").removeClass("active");

        // $(".br-center>ol>li").eq(iNow).trigger("click"); //模拟触发数字按钮的click
    },3000);
})




//回顶部按钮的滚动事件
$(function(){
    $(document).scroll(function(){
        if($("body").scrollTop() > 0){
            $(".top-return").css("display", "block");
            $(".top-return").on("click",function(){
                $("body").css("top",0)
            })
        }else {
            $(".top-return").css("display", "none")
        }
    })
})
